<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频</title>
    <link rel="stylesheet" type="text/css" href="../css/page/video.css" />
</head>
<body>
    <div class="page"  @vue:mounted="mounted">
        <div class="search-bar">
            <select name="" id="">
                <option value="01">免费</option>
                <option value="02">收费</option>
            </select>
            <select name="" id="">
                <option value="01">时常</option>
                <option value="02">时常</option>
            </select>
            <select name="" id="">
                <option value="01">自拍</option>
                <option value="02">自拍</option>
            </select>
        </div>

        <div class="video-section">
             <div class="box-video-outer">
                <div class="video-inner">
                    <img  class="video" src="../images/home/v2.png" alt="">
                    <!-- <video class="video" :autoplay="true" src="../video.mp4"></video> -->
                    <div class="kinds">
                        <span>都市剧情</span>
                        <span>悬疑</span>
                    </div>
                </div>
               
                <div class="video-info">
                    <span class="vtitle">闪耀的她</span>
                    <span>2004-07-08 04:13:21</span>
                    <span class="icon-video"> 目前已追到34集</span>
                </div>
             </div>

             <div class="box-video-outer">
                <div class="video-inner">
                     <img  class="video" src="../images/home/v2.png" alt="">
                    <div class="kinds">
                        <span>都市剧情</span>
                        <span>悬疑</span>
                    </div>
                </div>
               
                <div class="video-info">
                    <span class="vtitle">闪耀的她</span>
                    <span>2004-07-08 04:13:21</span>
                    <span class="icon-video"> 目前已追到34集</span>
                </div>
             </div>

             <div class="box-video-outer">
                <div class="video-inner">
                     <img  class="video" src="../images/home/v2.png" alt="">
                    <div class="kinds">
                        <span>都市剧情</span>
                        <span>悬疑</span>
                    </div>
                </div>
               
                <div class="video-info">
                    <span class="vtitle">闪耀的她</span>
                    <span>2004-07-08 04:13:21</span>
                    <span class="icon-video"> 目前已追到34集</span>
                </div>
             </div>

             <div class="box-video-outer">
                <div class="video-inner">
                     <img  class="video" src="../images/home/v2.png" alt="">
                    <div class="kinds">
                        <span>都市剧情</span>
                        <span>悬疑</span>
                    </div>
                </div>
               
                <div class="video-info">
                    <span class="vtitle">闪耀的她</span>
                    <span>2004-07-08 04:13:21</span>
                    <span class="icon-video"> 目前已追到34集</span>
                </div>
             </div>

             <div class="box-video-outer">
                <div class="video-inner">
                     <img  class="video" src="../images/home/v2.png" alt="">
                    <div class="kinds">
                        <span>都市剧情</span>
                        <span>悬疑</span>
                    </div>
                </div>
               
                <div class="video-info">
                    <span class="vtitle">闪耀的她</span>
                    <span>2004-07-08 04:13:21</span>
                    <span class="icon-video"> 目前已追到34集</span>
                </div>
             </div>

        </div>
    </div>
</body>
</html>